<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>武汉大学举行2025年开学典礼，万名新生开启大学生活 - 武汉大学新闻网</title>
    <meta name="description" content="9月1日，武汉大学2025年开学典礼在九一二操场隆重举行，校长窦贤康院士致辞欢迎新同学">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/styles.css">
    <style>
        /* 新闻详情页特有样式 */
        .news-detail-container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .news-detail-header {
            background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
            color: white;
            padding: 60px 0 40px;
            margin-bottom: 40px;
        }

        .news-title {
            font-size: 36px;
            font-weight: bold;
            line-height: 1.4;
            margin-bottom: 20px;
            text-align: center;
        }

        .news-meta {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 30px;
            font-size: 16px;
            opacity: 0.9;
        }

        .news-meta-item {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .news-content {
            background: white;
            border-radius: var(--radius);
            padding: 40px;
            box-shadow: var(--shadow);
            margin-bottom: 40px;
            line-height: 1.8;
        }

        .news-abstract {
            background: var(--bg-light);
            border-left: 4px solid var(--secondary-color);
            padding: 20px;
            margin: 30px 0;
            font-size: 18px;
            font-weight: 500;
            color: var(--text-dark);
        }

        .news-image {
            width: 100%;
            margin: 30px 0;
            text-align: center;
        }

        .news-image img {
            max-width: 100%;
            height: auto;
            border-radius: var(--radius);
            box-shadow: var(--shadow);
        }

        .image-caption {
            margin-top: 10px;
            color: var(--text-light);
            font-size: 14px;
            text-align: center;
        }

        .news-section {
            margin: 30px 0;
        }

        .news-section h3 {
            color: var(--primary-color);
            font-size: 24px;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--secondary-color);
        }

        .news-section p {
            margin-bottom: 20px;
            text-align: justify;
        }

        .highlight-box {
            background: linear-gradient(135deg, #f8f9fa, #e9ecef);
            border: 1px solid var(--border-color);
            border-radius: var(--radius);
            padding: 25px;
            margin: 25px 0;
        }

        .quote {
            border-left: 4px solid var(--secondary-color);
            padding: 20px;
            background: var(--bg-light);
            margin: 25px 0;
            font-style: italic;
        }

        .news-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin: 30px 0;
        }

        .news-tag {
            background: var(--primary-color);
            color: white;
            padding: 6px 15px;
            border-radius: 20px;
            font-size: 14px;
        }

        .news-navigation {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 40px;
            padding-top: 20px;
            border-top: 1px solid var(--border-color);
        }

        .nav-btn {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 12px 20px;
            background: var(--primary-color);
            color: white;
            text-decoration: none;
            border-radius: var(--radius);
            transition: var(--transition);
        }

        .nav-btn:hover {
            background: var(--primary-dark);
            transform: translateX(-5px);
        }

        .nav-btn.next {
            transform: none;
        }

        .nav-btn.next:hover {
            transform: translateX(5px);
        }

        .related-news {
            margin-top: 60px;
        }

        .related-title {
            font-size: 24px;
            color: var(--primary-color);
            margin-bottom: 30px;
            text-align: center;
        }

        .related-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
        }

        .related-item {
            background: white;
            border-radius: var(--radius);
            padding: 25px;
            box-shadow: var(--shadow);
            transition: var(--transition);
        }

        .related-item:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow-lg);
        }

        .related-item h4 {
            margin-bottom: 10px;
            font-size: 18px;
        }

        .related-item h4 a {
            color: var(--text-dark);
            text-decoration: none;
        }

        .related-item h4 a:hover {
            color: var(--primary-color);
        }

        .related-meta {
            color: var(--text-light);
            font-size: 14px;
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .news-title {
                font-size: 28px;
            }

            .news-meta {
                flex-direction: column;
                gap: 15px;
            }

            .news-content {
                padding: 25px 20px;
            }

            .news-navigation {
                flex-direction: column;
                gap: 15px;
            }

            .nav-btn {
                width: 100%;
                justify-content: center;
            }
        }
    </style>
</head>
<body>
    <!-- 顶部通知栏 -->
    <div class="top-notice">
        <div class="container">
            <span>欢迎访问武汉大学官网！今天是2025年</span>
            <div class="top-links">
                <a href="#">English</a>
                <a href="#">旧版入口</a>
                <a href="#">信息公开</a>
            </div>
        </div>
    </div>

    <!-- 头部区域 -->
    <header>
        <div class="container">
            <div class="header-main">
                <div class="logo-section">
                    <a href="index.html" style="text-decoration: none; color: inherit;">
                        <div class="logo">
                            <img src="images/logo.png" alt="武汉大学校徽" onerror="this.style.display='none'">
                            <div class="logo-text">
                                <h1>武汉大学</h1>
                                <p>WUHAN UNIVERSITY</p>
                            </div>
                        </div>
                    </a>
                </div>
                
                <div class="header-tools">
                    <div class="search-box">
                        <input type="text" placeholder="请输入关键词..." id="searchInput">
                        <button type="button" onclick="performSearch()" title="搜索" aria-label="搜索">
                            <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                                <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
                            </svg>
                        </button>
                    </div>
                    
                    <div class="user-actions">
                        <button class="auth-btn" id="loginBtn">信息门户</button>
                        <button class="auth-btn secondary" onclick="showServiceMenu()">服务门户</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- 主导航 -->
        <nav class="main-nav">
            <div class="container">
                <ul class="nav-menu">
                    <li><a href="index.html" class="nav-link">首页</a></li>
                    <li><a href="#" class="nav-link active">新闻中心</a></li>
                    <li><a href="#" class="nav-link">学校概况</a></li>
                    <li><a href="#" class="nav-link">机构设置</a></li>
                    <li><a href="#" class="nav-link">师资队伍</a></li>
                    <li><a href="#" class="nav-link">人才培养</a></li>
                    <li><a href="#" class="nav-link">科学研究</a></li>
                    <li><a href="#" class="nav-link">招生就业</a></li>
                    <li><a href="#" class="nav-link">国际交流</a></li>
                    <li><a href="#" class="nav-link">校园生活</a></li>
                </ul>
            </div>
        </nav>
    </header>

    <!-- 新闻详情内容 -->
    <main>
        <div class="news-detail-header">
            <div class="news-detail-container">
                <h1 class="news-title">武汉大学举行2025年开学典礼，万名新生开启大学生活</h1>
                <div class="news-meta">
                    <div class="news-meta-item">
                        <span>发布时间：2025-09-01</span>
                    </div>
                    <div class="news-meta-item">
                        <span>来源：新闻中心</span>
                    </div>
                    <div class="news-meta-item">
                        <span>作者：张三 摄影：李四</span>
                    </div>
                    <div class="news-meta-item">
                        <span>浏览量：12860</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="news-detail-container">
            <div class="news-content">
                <div class="news-abstract">
                    9月1日，武汉大学2025年开学典礼在九一二操场隆重举行，万名新生齐聚珞珈山，开启人生新篇章。校长窦贤康院士发表热情洋溢的致辞，勉励新生传承武大精神，勇担时代使命。
                </div>

                <div class="news-image">
                    <div class="image-placeholder" style="height: 400px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; font-size: 18px;">
                        开学典礼现场照片 - 九一二操场万人齐聚
                    </div>
                    <div class="image-caption">2025年武汉大学开学典礼在九一二操场举行（摄影：李四）</div>
                </div>

                <div class="news-section">
                    <h3>珞珈迎新：万名新生开启新征程</h3>
                    <p>金秋九月，珞珈山迎来新一批学子。9月1日上午，武汉大学2025年开学典礼在具有历史意义的九一二操场隆重举行。来自全国各地的万名本科新生和研究生新生齐聚一堂，在庄严的国歌声中开启大学生活新篇章。</p>
                    
                    <div class="highlight-box">
                        <p>今年武汉大学共录取本科生7360人，硕士研究生4215人，博士研究生1850人。新生中包括省级状元28人，国家集训队队员15人，展现了学校优秀的生源质量。</p>
                    </div>

                    <p>典礼现场，新生们身着统一的校服，精神抖擞。各学院院旗迎风飘扬，整个九一二操场洋溢着青春的气息和蓬勃的朝气。</p>
                </div>

                <div class="news-section">
                    <h3>校长寄语：传承武大精神，勇担时代使命</h3>
                    <p>校长窦贤康院士在开学典礼上发表题为《传承武大精神，勇担时代使命》的致辞。他首先代表学校全体师生员工向2025级新生表示热烈欢迎。</p>
                    
                    <div class="quote">
                        "同学们，你们选择了武大，就是选择了与历史同行、与时代共进。武汉大学有着128年的办学历史，'自强、弘毅、求是、拓新'的校训精神代代相传。希望你们在这里不仅学习专业知识，更要培养家国情怀，锤炼品德修为。"
                    </div>

                    <p>窦贤康校长回顾了武汉大学的光辉历程和办学成就，勉励新生要珍惜大学时光，做到"三个学会"：</p>
                    
                    <div class="highlight-box">
                        <p><strong>学会学习：</strong> 不仅要掌握专业知识，更要培养终身学习的能力；</p>
                        <p><strong>学会思考：</strong> 培养批判性思维和创新意识，勇于探索未知；</p>
                        <p><strong>学会担当：</strong> 将个人理想融入国家发展，勇担时代重任。</p>
                    </div>

                    <p>窦校长特别强调，新时代的大学生要立足中国、放眼世界，在人工智能、量子科技等前沿领域勇于创新，为国家科技自立自强贡献力量。</p>
                </div>

                <div class="news-section">
                    <h3>师生代表发言：传承与创新的对话</h3>
                    <p>开学典礼上，教师代表、中国科学院院士、物理科学与技术学院李教授分享了自己在武大求学、任教的经历。他表示："武大不仅教会我们知识，更塑造了我们的人格。希望新生们在这里找到人生的方向，实现自己的梦想。"</p>

                    <p>新生代表、来自信息管理学院的王同学发言说："站在九一二操场上，我感受到了武大深厚的历史底蕴。作为新时代的武大人，我们将传承前辈精神，努力学习，为学校发展贡献青春力量。"</p>

                    <div class="news-image">
                        <div class="image-placeholder" style="height: 300px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); color: white; font-size: 16px;">
                            师生代表发言现场照片
                        </div>
                        <div class="image-caption">教师代表李教授发言（摄影：王五）</div>
                    </div>
                </div>

                <div class="news-section">
                    <h3>特色环节：校徽佩戴仪式</h3>
                    <p>今年开学典礼新增了校徽佩戴仪式。在各学院领导和老师的见证下，新生们庄严地佩戴上武汉大学校徽，标志着正式成为武大的一员。</p>

                    <p>校团委书记在仪式上表示："校徽不仅是一个标识，更是一种责任和承诺。希望同学们佩戴校徽时，时刻铭记武大人的身份和使命。"</p>
                </div>

                <div class="news-section">
                    <h3>未来展望：开启精彩大学生活</h3>
                    <p>开学典礼结束后，新生们将开始为期一周的入学教育，包括校史校情教育、专业导航、安全教育等内容。各学院也将组织丰富多彩的迎新活动，帮助新生尽快适应大学生活。</p>

                    <p>据悉，今年武汉大学在人才培养方面推出多项创新举措，包括：</p>
                    
                    <div class="highlight-box">
                        <p>• 实施"强基计划"2.0版本，加强基础学科人才培养</p>
                        <p>• 新增"人工智能+"微专业，推动学科交叉融合</p>
                        <p>• 建设智慧教室50间，提升教学信息化水平</p>
                        <p>• 扩大国际交流规模，新增海外名校合作项目12个</p>
                    </div>

                    <p>校长窦贤康在采访中表示："我们将继续深化教育教学改革，为每一位学生提供最适合的教育，培养担当民族复兴大任的时代新人。"</p>
                </div>

                <div class="news-tags">
                    <span class="news-tag">#开学典礼</span>
                    <span class="news-tag">#2025级新生</span>
                    <span class="news-tag">#窦贤康校长</span>
                    <span class="news-tag">#九一二操场</span>
                    <span class="news-tag">#武大精神</span>
                </div>

                <div class="news-navigation">
                    <a href="#" class="nav-btn">
                        <span>←</span>
                        上一篇：武汉大学2025年本科招生工作圆满完成
                    </a>
                    <a href="index.html" class="nav-btn next">
                        返回首页
                        <span>→</span>
                    </a>
                </div>
            </div>

            <!-- 相关新闻 -->
            <div class="related-news">
                <h3 class="related-title">相关新闻</h3>
                <div class="related-grid">
                    <div class="related-item">
                        <h4><a href="#">武汉大学2025年本科招生工作圆满完成</a></h4>
                        <div class="related-meta">2025-08-25 | 新闻中心</div>
                    </div>
                    <div class="related-item">
                        <h4><a href="#">新生报到指南：珞珈山欢迎你</a></h4>
                        <div class="related-meta">2025-08-20 | 学生工作部</div>
                    </div>
                    <div class="related-item">
                        <h4><a href="#">校长窦贤康调研新学期准备工作</a></h4>
                        <div class="related-meta">2025-08-28 | 校长办公室</div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <!-- 底部区域 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>联系我们</h3>
                    <div class="contact-info">
                        <p>📍 地址：湖北省武汉市珞珈山街16号</p>
                        <p>📞 电话：027-68752315</p>
                        <p>📧 邮箱：info@whu.edu.cn</p>
                        <p>📠 传真：027-68752315</p>
                    </div>
                </div>
                
                <div class="footer-section">
                    <h3>快速链接</h3>
                    <ul class="footer-links">
                        <li><a href="index.html">学校首页</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">信息公开</a></li>
                        <li><a href="#">招标信息</a></li>
                        <li><a href="#">校长信箱</a></li>
                    </ul>
                </div>
                
                <div class="footer-section">
                    <h3>关注我们</h3>
                    <ul class="footer-links">
                        <li><a href="#">官方微信</a></li>
                        <li><a href="#">官方微博</a></li>
                        <li><a href="#">官方抖音</a></li>
                        <li><a href="#">B站账号</a></li>
                        <li><a href="#">今日头条</a></li>
                    </ul>
                </div>
                
                <div class="footer-section">
                    <h3>相关网站</h3>
                    <ul class="footer-links">
                        <li><a href="#">校友总会</a></li>
                        <li><a href="#">教育发展基金会</a></li>
                        <li><a href="#">出版社</a></li>
                        <li><a href="#">附属中学</a></li>
                        <li><a href="#">附属医院</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="footer-bottom">
                <div class="footer-logo">
                    <img src="images/logo.png" alt="武汉大学" onerror="this.style.display='none'">
                    <div class="logo-text">
                        <strong>武汉大学</strong>
                        <span>WUHAN UNIVERSITY</span>
                    </div>
                </div>
                <div class="copyright">
                    <p>版权所有 © 2025 武汉大学 | 鄂ICP备12345678号</p>
                    <p>自强 弘毅 求是 拓新</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- 返回顶部按钮 -->
    <button id="backToTop" class="back-to-top">↑</button>

    <script src="js/main.js"></script>
    <script>
        // 新闻详情页特定功能
        document.addEventListener('DOMContentLoaded', function() {
            // 图片点击放大功能
            const images = document.querySelectorAll('.news-image .image-placeholder');
            images.forEach(img => {
                img.style.cursor = 'pointer';
                img.addEventListener('click', function() {
                    alert('在实际应用中，这里会打开图片查看器显示大图');
                });
            });

            // 分享功能
            const shareNews = () => {
                if (navigator.share) {
                    navigator.share({
                        title: document.title,
                        text: '武汉大学举行2025年开学典礼，万名新生开启大学生活',
                        url: window.location.href,
                    })
                    .catch(error => console.log('分享出错:', error));
                } else {
                    alert('分享链接已复制到剪贴板: ' + window.location.href);
                    // 实际应用中这里会复制链接到剪贴板
                }
            };

            // 添加分享按钮
            const shareBtn = document.createElement('button');
            shareBtn.textContent = '分享新闻';
            shareBtn.className = 'auth-btn';
            shareBtn.style.marginTop = '20px';
            shareBtn.addEventListener('click', shareNews);
            
            const newsNavigation = document.querySelector('.news-navigation');
            if (newsNavigation) {
                newsNavigation.parentNode.insertBefore(shareBtn, newsNavigation);
            }
        });
    </script>
</body>
</html>